<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>达佛基础管理系统</title>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap-nav.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{'/css/theme/' + ${@config.getKey('sys.index.sideTheme')} + '.css'}" rel="stylesheet"/>
    <link th:href="@{'/css/theme/skin/' + ${@config.getKey('sys.index.skinName')} + '.css'}" rel="stylesheet"/>
    <link th:href="@{/css/system-ui.css}" rel="stylesheet"/>
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}">
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden" th:classappend="|${@config.getKey('sys.index.sideTheme')} ${@config.getKey('sys.index.skinName')}|">
<div id="wrapper">

    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="logo">
				     <span class="logo-lg">Daffodil</span>
            	</li>
            	<li>
            		<div class="user-panel">
            			<a class="menuItem" title="个人中心" th:href="@{/system/user/profile}"> 
            				<div class="hide" th:text="个人中心"></div>
					        <div class="pull-left image">
		                    	<img th:src="${user.avatar == null || user.avatar == ''} ? @{/img/profile.png} : '/easyfile/view/' + @{${user.avatar}}" class="img-circle" alt="User Image">
					        </div>
				        </a>
				        <div class="pull-left info">
				          <p>[[${user.loginName}]]</p>
				          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
				          <a th:href="@{logout}" style="padding-left:5px;"><i class="fa fa-sign-out text-danger"></i> 注销</a>
				        </div>
				    </div>
            	</li>
                 <li class="active">
                    <a href="/index"><i class="fa fa-home"></i> <span class="nav-label">首页</span> </a>
                </li>
                <li th:each="menu : ${menus}">
                	<a  th:if="${#lists.isEmpty(menu.children)}"
                		th:class="${menu.target}"
                		th:href="@{${menu.url == ''} ? |#| : ${menu.url}}">
                		<i th:class="${menu.icon}"></i>
                    	<span class="nav-label" th:text="${menu.menuName}">一级菜单 </span>
                	</a>
                	
                	<a th:if="${not #lists.isEmpty(menu.children)}" href="#">
                		<i th:class="${menu.icon}"></i>
						<span class="nav-label" th:text="${menu.menuName}">一级菜单 </span>
						<span class="fa arrow" th:if="${not #lists.isEmpty(menu.children)}"></span>
					</a>
                    <ul class="nav nav-second-level collapse">
						<li th:each="cmenu : ${menu.children}">
							<a 	th:if="${#lists.isEmpty(cmenu.children)}"
								th:class="${cmenu.target}" 
								th:href="@{${cmenu.url == ''} ? |#| : ${cmenu.url}}">
								<span class="nav-label" th:text="${cmenu.menuName}">二级菜单 </span>
							</a>
								
							<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">
								<span class="nav-label" th:text="${cmenu.menuName}">二级菜单 </span>
								<span class="fa arrow" th:if="${not #lists.isEmpty(cmenu.children)}"></span>
							</a>
							
							<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level collapse">
								<li th:each="emenu : ${cmenu.children}">
									<a 	th:if="${#lists.isEmpty(emenu.children)}"
										th:class="${emenu.target}" 
										th:href="@{${emenu.url == ''} ? |#| : ${emenu.url}}">
										<span class="nav-label" th:text="${emenu.menuName}">三级菜单 </span>
									</a>
										
									<a th:if="${not #lists.isEmpty(emenu.children)}" href="#">
										<span class="nav-label" th:text="${emenu.menuName}">三级菜单 </span>
										<span class="fa arrow" th:if="${not #lists.isEmpty(emenu.children)}"></span>
									</a>
								</li>
							</ul>
						</li>
					</ul>
                </li>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
        	<div class="col-md-1" style="padding-left: 0;padding-right: 0;">
	            <nav class="navbar navbar-static-top" role="navigation">
	                <div class="navbar-header">
	                    <a class="navbar-minimalize" href="javascript:;" title="收起菜单">
	                    	<i class="fa fa-bars"></i>
	                    </a>
	                </div>
	                <div class="navbar-header">
	                	<a class="navbar-fullscreen" href="javascript:;" title="全屏显示">
		               		<i class="fa fa-arrows-alt"></i>
		                </a>
		            </div>
	            </nav>
	    	</div>
	    	<!-- 头部导航 -->
	    	<div class="col-md-9" style="padding-left: 0;padding-right: 0;">
	            <nav class="navbar bootsnav">
		            <div class="navbar collapse navbar-collapse navbar-static-top" id="navbar-menu">
		                <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
		                    <li th:each="menu : ${menus}" class="dropdown" >
		                        <a	th:href="@{${menu.url == ''} ? |#| : ${menu.url}}" 
		                        	th:text="${menu.menuName}"
		                        	th:class="${menu.menuType == 'catalog'} ? |dropdown-toggle| : ${menu.target}"
		                        	data-toggle="dropdown">一级菜单</a>
		                        <ul class="dropdown-menu" th:if="${not #lists.isEmpty(menu.children)}">
		                            <li th:each="cmenu : ${menu.children}" class="dropdown">
		                            	<a 	th:if="${#lists.isEmpty(cmenu.children)}" 
		                            		th:href="@{${cmenu.url == ''} ? |#| : ${cmenu.url}}"
		                            		th:text="${cmenu.menuName}" 
		                            		th:class="${cmenu.target}">二级菜单</a>
		                            		
		                            	<a 	th:if="${not #lists.isEmpty(cmenu.children)}"
		                            		th:href="@{${cmenu.url == ''} ? |#| : ${cmenu.url}}" 
		                            		th:text="${cmenu.menuName}" 
		                            		th:class="${cmenu.menuType == 'catalog'} ? |dropdown-toggle| : ${cmenu.target}" 
		                            		data-toggle="dropdown">二级菜单</a>
		                                
		                                <ul class="dropdown-menu" th:if="${not #lists.isEmpty(cmenu.children)}">
		                                    <li th:each="emenu : ${cmenu.children}" class="dropdown">
		                                    	<a 	th:href="@{${emenu.url == ''} ? |#| : ${emenu.url}}"
				                            		th:text="${emenu.menuName}" 
				                            		th:class="${emenu.menuType == 'catalog'} ? |dropdown-toggle| : ${emenu.target}">三级菜单</a>
		                                    </li>
		                                </ul>
		                            </li>
		                        </ul>
		                    </li>
		                </ul>
		            </div>
		        </nav>
			</div>
			<div class="col-md-2" style="padding-left: 0;padding-right: 0;">
				<nav class="navbar bootsnav">
		            <div class="navbar collapse navbar-collapse navbar-static-top" id="navbar-menu">
		                <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp" style="float: right;">
		                   	<li class="dropdown">
		                   		<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
								<img th:src="(${user.avatar == null || user.avatar == ''}) 
									? @{/img/profile.png} 
									: '/easyfile/view/' + @{${user.avatar}}" class="user-image">
								<span class="hidden-xs">[[${user.userName}]]</span>
								</a>
		                       	<ul class="dropdown-menu">
		                           	<li>
		                           		<a th:href="@{/system/user/profile}" class="menuItem"><i class="fa fa-user fa-fw"></i> 个人中心</a>
		                           	</li>
		                           	<li>
		                           		<a onclick="resetPwd()" class="menuItem"><i class="fa fa-key fa-fw"></i> 修改密码</a>
		                           	</li>
		                           	<li>
		                           		<a th:href="@{logout}" class="menuItem"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a>
		                           	</li>
		                       	</ul>
		                   </li>
						</ul>
					</div>
				</nav>
            </div>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
            <a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
        </div>
        
        <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>
                    
        <div class="row mainContent" id="content-main">
            <iframe class="main_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main" th:src="@{/system/main}" frameborder="0" seamless></iframe>
        </div>
        <div class="footer">
            <div class="pull-right">达佛DOF © 2020 Copyright 闽ICP备20011269号-1 </div>
        </div>
    </div>
    <!--右侧部分结束-->
</div>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/bootstrap-nav.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:src="@{/js/system-ui.js}"></script>
<script th:src="@{/js/index.js}"></script>
</body>
</html>
